<!-- 找回密码 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../lib/theme/style.css">
    <link rel="stylesheet" href="../../lib/iconfont/iconfont.css">
</head>

<body>
    <div class="retrieve" id="app">
        <msgmodel :show="show" title="修改成功" icon="icon-activity"></msgmodel>
        <headers :title="titles" bcolor="#ffffff" icons="icon-back"></headers>
        <div class="phoneFrom">
            <div class="loginInput">
                <input type="text" placeholder="手机号">
                <span>获取验证码</span>
            </div>
            <div class="loginInput">
                <input type="text" placeholder="验证码">
            </div>
            <div class="loginInput">
                <input type="text" placeholder="输入新密码">
            </div>
            <div class="loginInput">
                <input type="text" placeholder="确认新密码">
            </div>
            <div class="alertText">
                <span>※至少包含数字、字母、特殊符号两种组合，区分大小写，至少6位</span>
            </div>
            <div @click.stop="login" class="loginBtn">
                <button>确认</button>
            </div>
        </div>
    </div>
    <script src="../../lib/js/mui.min.js"></script>
    <script src="../../lib/js/vue.min.js"></script>
    <script src="../../lib/js/jquery.min.js"></script>
    <script src="../../lib/js/assembly.js"></script>
    <script src="../../lib/js/config.js"></script>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                titles: '找回密码',
                show: false
            },

            created() {},
            methods: {
                login() {
                    this.show = true
                    console.log(this.show)

                    setTimeout(function() {
                        this.show = false
                        console.log(this.show)
                    }.bind(this), 700)
                }
            }
        })
    </script>
</body>

</html>